import React, { PureComponent, Fragment } from "react"

export class App extends PureComponent {
    constructor() {
        super()
        this.state = {
            values: [{ name: "111" }, { name: "222" }, { name: "333" }],
        }
    }

    render() {
        const { values } = this.state
        return (
            <>
                <h1>h1</h1>
                <h2>h2</h2>
                {values.map((item, index) => {
                    return (
                        <Fragment key={item.name}>
                            <div>{item.name}</div>
                            <p>{index}</p>
                        </Fragment>
                    )
                })}
            </>
        )
    }
}

export default App
